import React from "react";
import { useDispatch,useSelector } from "react-redux";
import { increment,decrement } from "../../store/slice/countSlice";

export default function Count(){
    // 储存的方法   这个是起到一个中间件的作用
    const dispacth=useDispatch()
    //这个是h1的中间件
    const count =useSelector(state => state.count.count)
    const movieList=useSelector(state =>state.movie.movieList)

    // 这个是写增加的   这些都是通过dispacth返回出去的
    const incrementHandle =()=>{
        // 直接替换掉store.dispatch
        dispacth(increment(10))
    }
    
    //这个是写减少的   
    const decreamentHandle =()=>{
        dispacth(decrement(3))
    }

    // 这个是写是否是奇数的  
    const ifOddDecrementHandle =()=>{
        if(count % 2!==0){
            dispacth (increment(5))
        }
    }
    // 这个是来一个定时器，然后要等到2秒之后再执行
    const waitDecrementHandle =()=>{

    }

    return(
        <div>
            <h1>我是Count组件 我的值是{count}</h1>
            <h2>当前的电影总是数{movieList.length}</h2>
        
        <div>
            <button onClick={incrementHandle}>累加</button>
            <button onClick={decreamentHandle}>累减</button>
            <button onClick={ifOddDecrementHandle}>如果是奇数再加1</button>
            <button onClick={waitDecrementHandle}>等2s再加1</button>
        </div>
        
        
        </div>  
    )



}       